.homeCom {
  width: 100%;
  :global {
    .adm-swiper {
      img {
        width: 100%;
      }
    }
    // 搜索
    .search {
      position: absolute;
      top: 20px;
      width: 93%;
      margin: 0 10px 0 20px;
      display: flex;
      .searchCom {
        display: flex;
        flex: 1;
        background-color: #fff;
        border-radius: 5px;
        margin-right: 10px;
        .adm-search {
          flex: 1;
        }
        .city {
          position: relative;
          display: inline-block;
          width: 50px;
          height: 28px;
          line-height: 28px;
          padding: 0 3px;
          &::after {
            position: absolute;
            top: 5px;
            right: -3px;
            content: '';
            display: inline-block;
            width: 1px;
            height: 18px;
            background-color: #999;
          }
        }

        .adm-search-input-box {
          background-color: #fff;
        }
      }

      .icon_travel {
        font-size: 26px;
        color: #fff;
        text-align: center;
      }
    }
    // 租房小组
    .groupsCom {
      .title {
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 10px 10px 0;
        h2 {
          font-size: 18px;
          margin: 0;
        }
        .more {
          color: #666;
          text-decoration: none;
        }
      }

      ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
        list-style: none;
        padding: 0;
        li {
          width: 47%;
          display: flex;
          align-items: center;
          justify-content: space-around;
          background-color: #fff;
          margin-bottom: 10px;
          padding: 20px 0;
          h3 {
            margin: 6px 0;
          }
          span {
            font-size: 14px;
          }
          img {
            width: 70px;
            height: 70px;
          }
        }
      }
    }
  }
}
